.el-main-box {
  height: 100%;
  width: 100%;
  overflow: hidden;
  display: flex;
  .menu {
    float: left;
    height: 100%;
    overflow-x: hidden;
    width: var(--menu-width);
    background: #1a222a;
    // border-right: 1px solid rgba(0, 0, 0, 0.1);
    flex-shrink: 0;
    //padding: 12px 16px;
    box-sizing: border-box !important;
    transition: width .2s;

    &::-webkit-scrollbar {
      width: 0;
    }
  }

  .container-wrapper {
    flex-grow: 1;
  }

  .container,
  #subapp-container {
    height: 100%;
    width: calc(100vw - var(--menu-width) - 4px);
    float: right;
    box-sizing: border-box;
    padding: 16px;
    overflow-y: scroll;
    background: #f7f9fa;
    &.container--hide,
    &.subapp-container--hide {
      width: 0;
      height: 0;
      position: absolute;
      top: -10px;
      left: -10px;
      overflow: hidden;
      visibility: hidden;
    }
  }
  .is-active {
    color: #47c6a2;
  }
}